<template>
    <div class="main-container">
        <div style="background-color: #fff;height:100%" id="Basicdata">
            <a-tabs   :lazy-load="true" type="card" @change="tabsChange" justify>
                <a-tab-pane title="仪表管理" key="1">
                    <div style="height: 100%">
                        <EnergyEquiipment></EnergyEquiipment>
                    </div>
                </a-tab-pane>
                <a-tab-pane title="日能耗管理" key="2">
                    <div style="height: 100%">
                        <EnergyConsume></EnergyConsume>
                    </div>
                </a-tab-pane>
                <a-tab-pane title="计算公式管理" key="3">
                    <div style="height: 100%">
                        <EnergyFormula></EnergyFormula>
                    </div>
                </a-tab-pane>
                <a-tab-pane title="能耗报告" key="4">
                    <div style="height: 100%">
                        <EnergyReport></EnergyReport>
                    </div>
                </a-tab-pane>
                <a-tab-pane title="染部月能耗报告" key="5">
                    <div style="height: 100%">
                        <EnergyDyeReport></EnergyDyeReport>
                    </div>
                </a-tab-pane>
                <a-tab-pane title="定型月能耗报告" key="6">
                    <div style="height: 100%">
                        <EnergySizingReport></EnergySizingReport>
                    </div>
                </a-tab-pane>
            </a-tabs>
        </div>
    </div>
</template>


<script lang="ts">
    import {defineComponent, reactive} from 'vue'
    import emitter from '@/hooks/useEventBus'
    import EnergyEquiipment from './components/EnergyEquiipment.vue'

    export default defineComponent({
        name: 'Basicdata',
        setup() {
            const pageData = reactive({
                tableIndex: "1"
            })
            const tabsChange = (e: string | number) => {
                emitter.emit('window-change')
            }
            return {
                pageData,
                tabsChange
            }
        }
    })
</script>
<style scoped>
    .main-container {
        height: 100%;
    }
    :deep(.ag-cell-value) {
  user-select: initial;
  -moz-user-select: text;
  -ms-user-select: text;
  -webkit-user-select: text;
}
</style>